<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>借阅时间线</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
</head>
<body>
<ul class="layui-timeline">
        <li class="layui-timeline-item">+
            <div class="layui-timeline-content layui-text" th:each="b : ${borrowBookList}">
                <div class="layui-timeline-title">
                    <span th:text="${#dates.format(b.borrowTime,'yyyy年MM月dd日HH点mm分ss秒')}"></span><br/>
                    <span style="color: red" th:text="${b.user.username}"></span> 借走 <span style="color: crimson" th:text="${b.book.bookName}"></span><br/>
                    <span th:if="${b.returnBookTime == null}">未归还</span>
                    <span th:text="${#dates.format(b.returnBookTime,'yyyy年MM月dd日HH点mm分ss秒')}"></span>
                    <span style="color: green" th:if="${b.returnBookTime != null}">归还</span>
                </div>
            </div>
        </li>
</ul>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
</body>
</html>